<template>
	<view class="container">
		
		<view class="header">
			<view class="arrow" @tap="$back()"><image src="../../static/images/icon_left.png" mode="aspectFit"></image></view>
			<view class="text f36 c333">客户级别选择</view>
			<view class="btn">
				<view class="clear f30">清除</view>
				<view class="define f30">确定</view>
			</view>
		</view>
		
		<view class="client-list">
			<view class="client-item">
				<view class="text f30 c333">批发客户</view>
			</view>
			<view class="client-item">
				<view class="text f30 c333">零售客户</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	page {
		background-color: #F7F4F8;
	}
	.header{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		background-color: $white-background;
		padding: 60upx 30upx 25upx 30upx;
		text-align: center;
		.arrow{
			image{
				width: 20upx;
				height: 40upx;
			}
		}
		.btn{
			display: flex;
			flex-direction: row;
			color: #249AF6;
			.define{
				margin-left: 30upx;
			}
		}
	}
	.client-list{
		margin-top: 20upx;
		.client-item{
			display: flex;
			flex-direction: row;
			align-items: center;
			background-color: $white-background;
			padding: 40upx 30upx;
			border-bottom: 2upx #eeeeee solid;
			&:last-child{
				border-bottom: none;
			}
		}
	}
</style>
